<template>
  <div>
    <van-nav-bar
      title="登 录"
      left-arrow
      @click-left="$router.back()"
    />
    <van-cell-group>
      <van-field
        v-model="user.mobile"
        left-icon="smile-o"
        clearable
        placeholder="请输入手机号"
      />
      <van-field
        v-model="user.code"
        clearable
        left-icon="music-o"
        placeholder="请输入验证码"
      >
        <template #button>
          <van-button size="small" 
            round
          >发送验证码</van-button>
        </template>
      </van-field>
    </van-cell-group>
    <van-button type="info" block>登 录</van-button>
  </div>
</template>
<script>
export default {
  data(){
    return{
      user:{
        mobile:'', //手机号
        code:'' //验证码
      }
    }
  }
}
</script>